<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <button class="button">点击</button>
        <div id="info">0</div>
        <ul>
            <li>111111</li>
            <li>2222222</li>
            <li>3333333</li>
        </ul>

    </div>
</body>
<script>
    // function add() {
    //     let count = 0;
    //     return function () {
    //         info.innerHTML = ++count
    //     }
    // }
    // let btn = document.getElementsByClassName(".button")
    // btn.addEventListener("click", add(), false)

    // let f;

    // function fn() {
    //     let num = Math.floor(Math.random() * 10 + 1)
    //     f = function () {
    //         return num
    //     }
    // }
    // fn()
    // for (let i = 0; i < 3; i++) {
    //     console.log(f())
    // }

    ;
    (function fn() {
        let num = Math.floor(Math.random() * 10) + 1
        return function () {
            for (let i = 0; i < 3; i++) {
                console.log(num)
            }
        }
    })()()



    //找到li
    let list = document.querySelectorAll('li')
    for (let i = 0; i < list.length; i++) {
        list[i].onclick = function () {
            alert("你点击的是第" + (i + 1) + "个li")
        }
    }
</script>

</html>